<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="view/css/import.css"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/>
<title>汎用データアップロード</title>
</head>

<body id="layres">
<div class="layreshdr">
	<div>
		汎用データアップロード
	</div>

	<div id="topMessage">${MESSAGE}</div>
</div>
<div class="layresmaj">
	<form id="form" method="post" enctype="multipart/form-data" action="${ACTION_PATH}">
	<div class="layrespri">
		<div>
		<label for="datatype">データタイプ:</label>
		<select name="Id" id="datatype">
			<c:forEach items="${band.UploadValue}" var="bnd">
				<utl:select var="sel" name="Id" value="${bnd.UploadValue}"/>
				<option value="${sel}">${bnd.UploadLabel}</option>
			</c:forEach>
		</select>
		</div>
		<div>
			<label for="importFile">アップロードファイル:</label>
			<input type="file" name="ImportFile" id="importFile"/>
			<button type="submit" name="AID" value="upload">アップロード</button>
		</div>

		<c:if test="${AID eq 'upload'}">
		<div>
			<table>
			<tr>
				<th>データタイプ</th>
				<th>ファイル名</th>
				<th>エラー件数</th>
				<th>総件数</th>
			</tr>
			<tr>
				<td id="datalabel">
				</td>
				<td id="dataFile">
				${ImportFile}
				</td>
				<td align="right">
				${fn:length(array.ErrorLine)}
				</td>
				<td align="right">
				${TotalCount}
				</td>
			</tr>
			</table>
		</div>
		</c:if>

		<c:if test="${not empty ErrorLine}">
		<div>
			<div>アップロード エラー</div>
			<div>
				<table class="fixborder">
					<tr>
<!--
							<th>
								無視
								<input type="checkbox" class="checkAll"/>
							</th>
 -->
						<th>行</th>
						<th>項目名</th>
						<th>内容</th>
					</tr>
					<c:set var="num" value="0"/>
					<c:forEach items="${band.ErrorLine}" var="line">
					<tr>
<!--
							<td align="center">
								<input type="checkbox" name="Ignore"/>
							</td>
 -->
						<td align="center">
							${line.ErrorLine}
							<c:if test="${num ne line.ErrorLine}">
							<input type="hidden" name="Error" value="${line.ErrorLine}"/>
							<c:set var="num" value="${line.ErrorLine}"/>
							</c:if>
						</td>
						<td>${line.ErrorItem}</td>
						<td>${line.ErrorMsg}</td>
					</tr>
					</c:forEach>
				</table>
			</div>
		</div>
		</c:if>
	</div>
	<div class="layressec">
	</div>
	<div class="layrester">
		<c:if test="${(AID eq 'upload') and (fn:length(array.ErrorLine) lt TotalCount)}">
		<div>
			<button type="button" class="import">データ取込</button>
		</div>
		</c:if>
	</div>
	</form>
</div>
<div class="layresftr">
	<div class="layresftr1">
	</div>
	<div class="layresftr2">
	</div>
</div>

<script src="view/js/jquery.js"></script>
<script src="view/js/submit.js"></script>
<script>
//<![CDATA[
$(document).ready(function() {
	$('#datalabel').html($('#datatype').children(':selected').text());
	$('input.checkAll').click(function() {$(this).closest('table').find('input:checkbox[name=Ignore]').attr('checked', this.checked);});
	$('button.import').click(function() {
		var len1 = $('#dataFile').html().length;
		var len2 = $('#importFile').val().length;
		if ($('#datatype').children(':selected').text() !== $('#datalabel').html() || len2 < len1 ||
				$('#importFile').val().substring(len2 - len1) !== $('#dataFile').html()) {
			alert('データタイプまたは、ファイル名が異なります。');
		} else {
			VIEW.submit.post('form', 'insert');
		}
	});
});
//]]>
</script>
</body>
</html>
